<template>
    <section>
        <app-header></app-header>

        <!--中间内容-->
        <div class="content">
            <div class="container">
                <h3>此功能正在开发中，即将上线，敬请期待。</h3>
                <p>您还需要一个漂亮的房子吗？</p>
                <div>
                    <router-link to="/USEstate" title="查找新房" alt="查找新房">
                        <a-button type="primary"> <i class="iconfont icon-dudongbieshu"></i> 查找新房</a-button>
                    </router-link>
                    <router-link to="/News" title="海外新闻资讯" alt="海外新闻资讯">
                        <a-button type="primary"><i class="iconfont icon-liebiaodaohang_zixun"></i> 海外新闻资讯</a-button>
                    </router-link>
                    <router-link to="/" title="首页" alt="首页">
                        <a-button type="primary"><i class="iconfont icon-fangzi-copy"></i> 返回首页</a-button>
                    </router-link>
                </div>
            </div>
        </div>

        <!--返回顶部-->
        <BackTop :isShowHouseContrast="false"></BackTop>
    </section>
</template>

<script>
    import Header from '../components/header.vue';//公共组件——头部
    import BackTop from '../components/BackTop.vue';//公共组件——返回顶部

    export default {
        data() {
            return {}
        },
        metaInfo () {
            return {
                title: '购房问答_华美优胜美国房地产投资公司',
                meta: [
                    { vmid: 'keywords', name: 'keywords', content: '购房问答_华美优胜美国房地产投资公司' },
                    { vmid: 'description', name: 'description', content: '购房问答_华美优胜美国房地产投资公司' },

                ],
            }
        },
        computed: {},
        created() {
        },
        mounted() {

        },
        destroyed() {
        },
        methods: {

        },
        components: {
            'app-header': Header,
            BackTop,
        }
    }
</script>

<style scoped lang="less" type="text/less">
    body {
        section {
            .content {
                padding: 30px 0;
                background: #fff;
                > .container {
                    padding: 30px;
                    text-align: center;
                    >h3{
                        font-size: 25px;
                        font-family: 'HelveticaNeue-UltraLight', "PingFang SC", 'Microsoft Yahei', Arial, Verdana, sans-serif;
                        font-weight: 100;
                    }
                    >p{
                        color: #869099;
                        margin: 20px 0;
                    }
                    >div{
                        >a{
                            margin: 0 20px;
                        }
                    }
                }
            }
        }
    }
</style>
